﻿{% extends "project_base_en.html" %}
{% block title %}Hilfe{% endblock %}
{% block head %}
<style type="text/css">
/* default css */

table {
  font-size: 1em;
  line-height: inherit;
  border-collapse: collapse;
}


tr {
  
  text-align: left;
  
}


div, address, ol, ul, li, option, select {
  margin-top: 0px;
  margin-bottom: 0px;
}

p {
  margin: 0px;
}


pre {
  font-family: Courier New;
  white-space: pre-wrap;
  margin:0;
}

body {
  margin: 6px;
  padding: 0px;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  background-color: #ffffff;
  color: #000;
}


img {
  -moz-force-broken-image-icon: 1;
}

@media screen {
  html.pageview {
    background-color: #f3f3f3 !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  

  body {
    min-height: 1100px;
    
    counter-reset: __goog_page__;
  }
  
  * html body {
    height: 1100px;
  }
  /* Prevent repaint errors when scrolling in Safari. This "Star-7" css hack
     targets Safari 3.1, but not WebKit nightlies and presumably Safari 4.
     That's OK because this bug is fixed in WebKit nightlies/Safari 4 :-). */
  html*#wys_frame::before {
    content: '\A0';
    position: fixed;
    overflow: hidden;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
  }
  
  .pageview body {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
    width: 648px !important;
    margin: 15px auto 25px;
    padding: 40px 50px;
  }
  /* IE6 */
  * html {
    overflow-y: scroll;
  }
  * html.pageview body {
    overflow-x: auto;
  }
  

  
    
    
    .writely-callout-data {
      display: inline-block;
      width: 1px;
      height: 1px;
      overflow: hidden;
      margin-left: -1px;
    }
    

    .writely-footnote-marker {
      background-image: url('MISSING');
      background-color: transparent;
      background-repeat: no-repeat;
      width: 7px;
      overflow: hidden;
      height: 16px;
      vertical-align: top;

      
      -moz-user-select: none;
    }
    .editor .writely-footnote-marker {
      cursor: move;
    }
    .writely-footnote-marker-highlight {
      background-position: -15px 0;
      -moz-user-select: text;
    }
    .writely-footnote-hide-selection ::-moz-selection, .writely-footnote-hide-selection::-moz-selection {
      background: transparent;
    }
    .writely-footnote-hide-selection ::selection, .writely-footnote-hide-selection::selection {
      background: transparent;
    }
    .writely-footnote-hide-selection {
      cursor: move;
    }

    /* Comments */
    .writely-comment-yellow {
      background-color: #ffffd7;
    }
    .writely-comment-orange {
      background-color: #ffe3c0;
    }
    .writely-comment-pink {
      background-color: #ffd7ff;
    }
    .writely-comment-green {
      background-color: #d7ffd7;
    }
    .writely-comment-blue {
      background-color: #d7ffff;
    }
    .writely-comment-purple {
      background-color: #eed7ff;
    }

  


  
  .br_fix span+br:not(:-moz-last-node) {
    
    position:relative;
    
    left: -1ex
    
  }

  
  #cb-p-tgt {
    font-size: 8pt;
    padding: .4em;
    background-color: #ddd;
    color: #333;
  }
  #cb-p-tgt-can {
    text-decoration: underline;
    color: #36c;
    font-weight: bold;
    margin-left: 2em;
  }
  #cb-p-tgt .spin {
    width: 16px;
    height: 16px;
    background: url(//ssl.gstatic.com/docs/clipboard/spin_16o.gif) no-repeat;
  }
}

h6 { font-size: 8pt }
h5 { font-size: 8pt }
h4 { font-size: 10pt }
h3 { font-size: 12pt }
h2 { font-size: 14pt }
h1 { font-size: 18pt }

blockquote {padding: 10px; border: 1px #DDD dashed }

.webkit-indent-blockquote { border: none; }

a img {border: 0}

.pb {
  border-width: 0;
  page-break-after: always;
  /* We don't want this to be resizeable, so enforce a width and height
     using !important */
  height: 1px !important;
  width: 100% !important;
}

.editor .pb {
  border-top: 1px dashed #C0C0C0;
  border-bottom: 1px dashed #C0C0C0;
}

div.google_header, div.google_footer {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
}


/* Table of contents */
.editor div.writely-toc {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
}
.writely-toc > ol {
  padding-left: 3em;
  font-weight: bold;
}
ol.writely-toc-subheading {
  padding-left: 1em;
  font-weight: normal;
}
/* IE6 only */
* html writely-toc ol {
  list-style-position: inside;
}
.writely-toc-none {
  list-style-type: none;
}
.writely-toc-decimal {
  list-style-type: decimal;
}
.writely-toc-upper-alpha {
  list-style-type: upper-alpha;
}
.writely-toc-lower-alpha {
  list-style-type: lower-alpha;
}
.writely-toc-upper-roman {
  list-style-type: upper-roman;
}
.writely-toc-lower-roman {
  list-style-type: lower-roman;
}
.writely-toc-disc {
  list-style-type: disc;
}

/* Ordered lists converted to numbered lists can preserve ordered types, and
   vice versa. This is confusing, so disallow it */
ul[type="i"], ul[type="I"], ul[type="1"], ul[type="a"], ul[type="A"] {
  list-style-type: disc;
}

ol[type="disc"], ol[type="circle"], ol[type="square"] {
  list-style-type: decimal;
}

/* end default css */


  /* default print css */
  @media print {
    body {
      padding: 0;
      margin: 0;
    }

    div.google_header, div.google_footer {
      display: block;
      min-height: 0;
      border: none;
    }

    div.google_header {
      flow: static(header);
    }

    /* used to insert page numbers */
    div.google_header::before, div.google_footer::before {
      position: absolute;
      top: 0;
    }

    div.google_footer {
      flow: static(footer);
    }

    /* always consider this element at the start of the doc */
    div#google_footer {
      flow: static(footer, start);
    }

    span.google_pagenumber {
      content: counter(page);
    }

    span.google_pagecount {
      content: counter(pages);
    }

    .endnotes {
      page: endnote;
    }

    /* MLA specifies that endnotes title should be 1" margin from the top of the page. */
    @page endnote {
      margin-top: 1in;
    }

    callout.google_footnote {
      
      display: prince-footnote;
      footnote-style-position: inside;
      /* These styles keep the footnote from taking on the style of the text
         surrounding the footnote marker. They can be overridden in the
         document CSS. */
      color: #000;
      font-family: Verdana;
      font-size: 10.0pt;
      font-weight: normal;
    }

    /* Table of contents */
    #WritelyTableOfContents a::after {
      content: leader('.') target-counter(attr(href), page);
    }

    #WritelyTableOfContents a {
      text-decoration: none;
      color: black;
    }

    /* Comments */
    .writely-comment-yellow {
      background-color: #ffffd7;
    }
    .writely-comment-orange {
      background-color: #ffe3c0;
    }
    .writely-comment-pink {
      background-color: #ffd7ff;
    }
    .writely-comment-green {
      background-color: #d7ffd7;
    }
    .writely-comment-blue {
      background-color: #d7ffff;
    }
    .writely-comment-purple {
      background-color: #eed7ff;
    }
  }

  @page {
    @top {
      content: flow(header);
    }
    @bottom {
      content: flow(footer);
    }
    @footnotes {
      border-top: solid black thin;
      padding-top: 8pt;
    }
  }
  /* end default print css */


/* custom css */


/* end custom css */

/* ui edited css */

body {
  font-family: Verdana;
  
  font-size: 10.0pt;
  line-height: normal;
  background-color: #ffffff;
}
/* end ui edited css */


/* editor CSS */
.editor a:visited {color: #551A8B}
.editor table.zeroBorder {border: 1px dotted gray}
.editor table.zeroBorder td {border: 1px dotted gray}
.editor table.zeroBorder th {border: 1px dotted gray}


.editor div.google_header, .editor div.google_footer {
  border: 2px #DDDDDD dashed;
  position: static;
  width: 100%;
  min-height: 2em;
}

.editor .misspell {background-color: yellow}

.editor .writely-comment {
  font-size: 9pt;
  line-height: 1.4;
  padding: 1px;
  border: 1px dashed #C0C0C0
}


/* end editor CSS */
</style>
{% endblock %}

{% block body %}
<h1>
  Das Handbuch zur - Urlaubsabrechnung -&nbsp;
</h1>
<h2>
  Wozu eine Urlaubsabrechnung?
</h2>
<div>
  Wer schon einmal mit vielen Leuten in einer groesseren Gruppe unterwegs war, der weiss dass die Reise irgendwann zu Ende geht und auch die finanzielle Abrechnung naht. Manchmal gestalten sich solche Abrechnungen aber recht kompliziert. Mal hat einer was fuer einen anderen ausgelegt, mal bezahlt einer fuer die gesamte Gruppe z.B. fuer eine Uebernachtung oder ein Essen. Oder eine Person hat besonders lange oder grosszuegig auf Gemeinkosten gelebt. Noch komplizierter wird es, wenn mehrere Teilgruppen und unterschiedliche Waehrungen vorkommen. Um noch eins oben drauf zu setzen, vielleicht hat jeder nur seine eigenen Ausgaben aufgeschrieben und will seinen Teil nun selbst eintragen.
</div>
<div>
  In allen diesen Faellen macht <a href=http://urlaubsabrechung.appspot.com id=aclf title=http://urlaubsabrechung.appspot.com>http://urlaubsabrechung.appspot.com</a> die Abrechnung zum Kinderspiel.
</div>
<h2>
  Konzepte
</h2>
<div>
  Jede Urlaubsabrechnung ist ein separates <b>Projekt</b>. Ein Projekt besteht aus einer Liste von <b>Transaktionen</b>, <b>Konten</b>, <b>Gruppen</b> und <b>Waehrungen</b>. Ausserdem koennen fuer jedes Projekt <b>Berechtigungen</b> an andere Nutzer von Urlaubsabrechnung vergeben werden.
</div>
<div>
  Urlaubsabrechnung ist ein Open Source Projekt. Der Quellcode ist unter <a href="http://code.google.com/p/urlaubsabrechnung">http://code.google.com/p/urlaubsabrechnung</a> bei Google Code frei zugänglich.
</div>
<h3>
  Konten
</h3>
<div>
  Ein <b>Konto</b> representiert eine Person. Jedes <b>Konto</b> hat einen Kontostand in der Basiswaehrung des <b>Projekt</b>es. Ein positiver Kontostand steht fuer Guthaben, ein negativer fuer Schulden (Soll).
</div>
<div>
  Jeder Kontenname (dazu zaehlen auch Gruppenkonten) kann nur einmal pro Projekt vergeben werden, um Verwechselungen zu vermeiden.
</div>
<h3>
  Gruppen
</h3>
<div>
  Gruppen sind speziellen Konten, die mehrere Einzelkonten mit jeweils einer Wichtung zusammenfassen. Alle Transaktionen von Gruppenkonten werden auf die Mitgliederkonten aufgeteilt. Die Aufteilung erfolgt Prozentual je nach Gewicht der Mitgliederkonten.
</div>
<div>
  Daraus ergibt sich das Gruppenkonten keinen Kontostand haben, da jeder Betrag sofort auf die Mitgliederkonten entsprechend der Wichtung verteilt wird. Eine Gruppe ohne Mitglieder wird wie ein normales Konto behandelt, d.h. die Kosten werden nicht aufgeteilt sondern summiert.
</div>
<br>
<div>
  Beispiele (Die Zahl nach dem Doppelpunkt hinter einem Kontonamen entspricht der Wichtung dieses Kontos.):
</div>
<ol>
  <li>
    Die Gruppe "Alle" besteht aus 5 Konten Matthias:1, Joerg:1, Anja:1, Katrin:1 und Christine:1 jeweils mit dem Gewicht 1. Alle Kosten auf dieses Konto werden zu gleichen Teilen (1/5 = 20%) auf jedes Mitglied aufgeteilt.
  </li>
  <li>
    Anja&amp;Joerg aus Beispiel 1 unternehmen einen Ausflug zu zweit auf eine Burg und haben gemeinsame Kosten, die Sie sich im Verhaehltnis 1/3 und 2/3 teilen wollen, weil Joerg einfach doppelt soviel isst wie Anja. Mit dem folgenden Gruppekonto werden die Kosten wie gewuenscht aufgeteilt:<br>
    "Burg" =&gt; Anja:1, Joerg:2<br>
  </li>
  <li>
    Auf das Gruppenkonto "Uebernachtung" sollen alle Kosten die zur Uebernachtung gehoeren abgerechnet werden. Nicht alle Leute haben jedoch die gleiche Anzahl von Uebernachtungen. In disesm Fall ist es am einfachsten das Gewicht gleich der Anzahl der Naechtigungen zu setzen.<br>
    "Uerbnachtung" =&gt; Daniel:10, Joerg:3, Manja:5, Soeren:8, Axel:4.<br>
    Mit dieser Definition traegt Daniel 10/(10+3+5+8+4) ein Drittel aller Uebernachtungskosten 33.33%, Joerg dagegen nur 10%.<br>
  </li>
  <li>
    Ein sehr aehnliches Beispiel ist die Verteilung von Transportkosten, entsprechend der gefahrenen Kilometer. Saemtliche Kosten (Benzin, Abnutzung, Vignetten, ...) werden z.B. auf das Gruppenkonto "Transport" gebucht. Das Gewicht der Konten entspricht einfach den gefahrenen Kilometern.
  </li>
</ol>
<h3>
  Transaktionen
</h3>
<div>
  Transaktionen sind der Kern eines jeden Projektes. Sie beschreiben wer (VON) wann (DATUM) wieviel (BETRAG, WAEHRUNG) fuer wen (AN) und was (FUER WAS) bezahlt hat. Ausserdem kann die Transaktion zur weiteren Pruefung farblich hervorgehoben werden. Zur Pruefung markierte Transaktionen werden lediglich farblich anders dargestellt, fuer die Berechnung werden sie wie jede andere Transaktion auch behandelt.
</div>
<div>
  Jede Transaktion wird sofort in die Grundwaehrung umgerechnet, auf zwei Nachkommastellen gerundet und anschiessend auf die Konten aufgeteilt. Die Zeilensumme einer jeden Transaktion ist somit immer Null. Auf diese Weise kann jeder sofort in der Endabrechnung einsehen, inwieweit sein Konto von der Transaktion mit welchem Betrag und Vorzeichen betroffen ist. Betraege von Transaktionen haben grundsaetzlich ein positives Vorzeichen, negative Vorzeichen werden durch vertauschen von Quelle und Ziel erreicht.
</div>
<div>
  Beispiele:
</div>
<ol>
  <li>
    Joerg bezahlt fuer "Alle" den Eintritt (35 EUR) in den Zoo. Gemaess der Beispieldefinition fuer die Gruppe "Alle", uebernimmt jeder also 20% der Kosten (7 EURO). Damit stehen bei Anja, Katrin, Matthias, Christine -7 EUR und bei Joerg +35-7=+28 EUR. Die Zeilensumme ist 0 EUR. Wenn weitere Konten in diesem Projekt existieren, wird deren Spalte leer gelassen, d.h. deren Kontostand nicht veraendert.
  </li>
  <li>
    Anja bezahlt bei dem Ausflug auf die Burg mit Joerg 750 Tschechische Kronen fuer das Resturant. Der Kurs ist 1 EUR = 25 Kronen. Also werden 30 EURO wie folgt aufgeteilt:<br>
    Joerg 2/3*-30=-20 EUR. Anja 30 EURO - 1/3*30=+20 EUR.<br>
  </li>
  <li>
    Ein ganz einfacher Fall: Christine bezahlt fuer Katrin den Lift von 42 EUR. Also lautet die Transaktion: VON: CHRISTINE, AN: Katrin, BETRAG: 42 EUR, FUER WAS: Liftkarte.<br>
    Bei Christine stehen anschliessend +42 EUR, bei Katrin -42 EUR.<br>
  </li>
</ol>
<div>
  Das Datum wird entweder per Dialogfeld gewaehlt, oder immer in der Form YYYY-MM-DD angegeben. YYYY...Vierstellige Jahreszahl, MM..Zweistelliger Monat (01..12), DD..Zweistelliger Tag 01..31.
</div>
<h3>
  Waehrungen
</h3>
<div>
  bla bla
</div>
<h3>
  Berechtigungen
</h3>
<div>
  bla bla
</div>
<h2>
  Wie benutze ich Urlaubsabrechnung?
</h2>
<h3>
  Voraussetzungen und Anmeldung
</h3>
Du benoetigst einen <b>aktuellen</b> Webbrowser (z.B. Firefox, Safari, Chrome, Ineternetexplorer, Opera) und gibst&nbsp;<a href=http://urlaubsabrechung.appspot.com id=z643 title=http://urlaubsabrechung.appspot.com>http://urlaubsabrechung.appspot.com</a> als Startadresse ein.
<div>
  Zunaechst wirst Du aufgefordert dich mit einem Google-Konto anzumelden (OpenID wird folgen). Deine Anmeldedaten werden ausschliesslich zur Identifikation Deines Kontos verwendet (Technisch ist weder ein Zugriff auf das Adressbuch oder irgendwelche anderen Services von Google moeglich oder notwendig).
</div>
<div>
  Nach der Anmeldung wird eine Liste mit allen "Abrechnungen" im folgenden Projekte genannt gezeigt, an denen Du beteiligt bist. Nach der ersten Anmeldung ist diese Liste ueblicherweise leer.
</div>
<div>
  Du kannst nun eine neues Projekt (Abrechnung) erstellen, indem Du einen neuen Namen und Waehrung angibst.
</div>
<br>
<h3>
  Neue Projekte erstellen
</h3>
<div>
  bla
</div>
<br>
<h3>
  Abrechungsergebnisse anzeigen sortieren
</h3>
<div>
  bla
</div>
<h3>
  Einladungen annehmen / einem vorhandenem Projekt beitreten
</h3>
<div>
  bla
</div>
<h3>
  Konten erstellen
</h3>
<div>
  bla
</div>
<h3>
  Gruppenkonten erstellen/bearbeiten
</h3>
<div>
  bla<br>
</div>
<h3>
  Transaktionen erstellen/bearbeiten
</h3>
<div>
  bla
</div>
<h3>
  Waehrungen erstellen/bearbeiten
</h3>
<div>
  bla
</div>
<h3>
  Andere Leute zur Teilnahme an einem Projekt einladen
</h3>
<div>
  sdfsd
</div>
<br>
{% endblock %}
